<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="jquery-1.9.0.min.js" type="text/javascript" language="javascript"></script>
        <style>
            #canvas{border: 1px solid;
                    background-image: url('fundo.jpg');
           }
        </style>
    </head>
    <body>
         <audio id="meuplayer" >
             <source src="bate.mp3" type="audio/mpeg" />
        </audio>
        <canvas id="canvas" height="400" width="500" tabindex="0" > </canvas>

        <br>
<input type="button" value="inicia" onclick="inicia();">
        <br/>
        
        <br/><span id="spanvidas"></span>
        </br>
        <span id="spanpontos"></span>
        <script language="javascript">
            var ctx = document.getElementById("canvas").getContext("2d");
            var spanvidas = document.getElementById("spanvidas");
            var x;
            var y;
            var largura;
            var altura;
            var intervalo;
            var velocidade;
            var vidas;
            var gameover;
            var img;
            var img1;
            var nomeimagem;
            
            //comida
            var comidax;
            var comiday;
            var comidalargura;
            var comidaaltura;
            var nomejogador;
            //pontuacao
           var pontos;
           //funcoes do teclado
           
             document.addEventListener("DOMContentLoaded", iniciaeventos, 
false); 
function iniciaeventos() 
 { 
 document.getElementById('canvas').addEventListener("keydown", 
onKeyDown, false); 
 } 
 function onKeyDown(e)
 { 
       switch(e.keyCode)
		  {
		  case 39:
		  
                 trocaDirecao('D');
		   break;
		   case 37:
		
                   trocaDirecao('E');
		   break;
		   case 38:
		 
                  trocaDirecao('C');
		   break;
		   case 40:
		
                   trocaDirecao('B');
		   break;
		  }
		}
		

            function inicia()
            {
                //valores iniciais das coordenadas
                clearInterval(intervalo);
                limpa();
                x = 0;
                y = 0;
                largura = 32;
                altura = 32;
                velocidade = 70;
                vidas = 5;
                pontos=0;
                spanvidas.innerHTML = "Vidas:"+vidas;
                spanpontos.innerHTML="Pontos:"+pontos;
                gameover=false;
                nomeimagem="d.png";
                
                //informacoes da comida
                comidax = 200;
                comiday=100;
                comidalargura=10;
                comidaaltura = 10;
                 img = new Image();
                 img1 = new Image();
                pontos = 0;
                 nomejogador=prompt("Qual é o seu nome?");
                desenhaObjeto(x, y);
                desenhaComida(comidax,comiday);
                 document.getElementById('canvas').focus();
            }
            function desenhaComida(comidax,comiday)
            {
                //ctx.fillRect(comidax,comiday,
                //comidalargura,comidaaltura);
                img1.src="g.png";
                img1.onload=function(){
                    ctx.drawImage(img1,comidax,comiday);};
            }
            function verificaComida()
            {


                if ((comidax + (comidalargura / 2)) >= x && (comidax + (comidalargura / 2)) <= (largura + x)
                        && (comiday + (comidaaltura / 2)) >= y &&
                        (comiday + (comidaaltura / 2)) <= (altura + y))
                {
                          ganhaPontos();
                         comidax= Math.floor((Math.random()*(document.getElementById("canvas").width - largura)));
                         comiday= Math.floor((Math.random()*(document.getElementById("canvas").height - altura)));
                         desenhaComida(comidax,comiday);

                 
        

                }
               
                    
            }
            function trocaDirecao(direcao)
            {
                //primeiro - limpa a repetição
                clearInterval(intervalo);
                //chama o intervalo de acordo com
                //a direção
                if (gameover==false){
                switch (direcao)
                {
                    case 'D':
                        intervalo = setInterval(vaiDireita, velocidade);
                        break;
                    case 'E':
                        intervalo = setInterval(vaiEsquerda, velocidade);
                        break;
                    case 'C':
                        intervalo = setInterval(Sobe, velocidade);
                        break;
                    case 'B':
                        intervalo = setInterval(Desce, velocidade);
                        break;
                }
                }
                
            }
            function desenhaObjeto(x, y)
            {
                
                //limpa();
                verificaComida();
                //ctx.fillRect(x, y, largura, altura);
               
                img.src=nomeimagem;
                img.onload=function(){
                    ctx.drawImage(img,x,y);
                };
            }


            function vaiEsquerda()
            {

                if (x > 0)
                {
                     ctx.clearRect(x, y, largura+6, altura+6);
                    x = x - 5;
                    desenhaObjeto(x, y);
                    nomeimagem="e.png";
                }
                else
                {
                    perdeVida();
                }


            }
            function vaiDireita()
            {
                
                if (x < (document.getElementById("canvas").width - largura))
                {
                    ctx.clearRect(x, y, largura+6, altura+6);
          
                    x = x + 5;
                    desenhaObjeto(x, y);
                    nomeimagem="d.png";
                }
                else
                {
                    perdeVida();
                }


            }


            function limpa()
            {
                ctx.clearRect(0, 0, document.getElementById("canvas").width, document.getElementById("canvas").height);
            }

            function Sobe()
            {

                if (y > 0)
                {
                     ctx.clearRect(x, y, largura+6, altura+6);
                    y = y - 5;
                    desenhaObjeto(x, y);
                    nomeimagem="c.png";
                }
                else
                {
                   perdeVida();
                }

            }


            function Desce()
            {

                if (y < (document.getElementById("canvas").height - altura))
                {
                     ctx.clearRect(x, y, largura+6, altura+6);
                    y = y + 5;
                    desenhaObjeto(x, y);
                    nomeimagem="b.png";
                }
                else
                {
                   perdeVida();
                }


            }
            function perdeVida()
            {
                 vidas = vidas -1;
                 clearInterval(intervalo);
                 spanvidas.innerHTML = "Vidas:"+vidas;
                 
                 if (vidas<=0){
                 var imggo= new Image();
                 imggo.src="atari-game-over.jpg";
                 imggo.onload=function(){
                     ctx.drawImage(imggo,0,0);
                 };
                 gameover=true;
                 $(document).ready(function()
                 {
                     $.post("alam/grava.php",{nome:nomejogador,pontos:pontos,desenvolvedor:"Alam Carrion"},
                     function(data){
                         $("#ranking").html(data);}
                     ,"html");
                 });
                     }
                 }
                 
        
            
            function ganhaPontos(){
            
          
           //document.getElementById('meuplayer').pause();
        pontos= pontos +1;
                 //clearInterval(intervalo);
                 spanpontos.innerHTML = "Pontos:"+pontos;
                  document.getElementById('meuplayer').play();
               
                 
                 
                 if(pontos>=15){
                     velocidade = 50;
                 }
                 if (pontos>=40)
                     {
                         velocidade= 25;
                     }
                         if (pontos>=60){
                             velocidade=10;
                             
                         }
            }
                   
    
   
            
            inicia();
        </script>
       
        <div id="ranking">
             
        <!--
         <h4>Ranking</h4><ol>
            <li>Marcelo - 1200</li>
            <li>Ana - 1000</li>
            <li></li>
            <li></li>
                
        </ol>-->
        </div>
    </body>
</html>
